﻿<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	
	<ul>
	  <li>John</li>
	  <li>Karl</li>
	  <li>Brandon</li>
	</ul>
	
	<ul>
	  <li>Glen</li>
	  <li>Tane</li>
	  <li>Ralph</li>
	</ul>
	
	<ul>
	  <li>Marry</li>
	</ul>

    <ul>
	  <li>Jack</li>
	</ul>
	
	
	<script type="text/javascript">
	
		/*1)迭代[each]每个ul中第1个li元素中的内容,索引从1开始
		$("ul li:first-child").each(function(){
			alert( $(this).text() );
		});
		*/

		$("ul li:first-child").each(function () {
			console.log($(this).text());
        });
			
	 	/*2)迭代每个ul中最后1个li元素中的内容,索引从1开始
		$("ul li:last-child").each(function(){
			alert( $(this).text() );
		});
		*/
	 	$("ul li:last-child").each(function () {
			console.log($(this).text());
        });
		/*4)迭代每个ul中第2个li元素中的内容,索引从1开始
		$("ul li:nth-child(2)").each(function(){
			alert( $(this).text() );
		});*/
	
	 	//3)在ul中查找是唯一子元素的li元素的内容
	 	$("ul li:only-child").each(function(){
//	 		alert( $(this).text() );
			console.log($(this).text());
	 	});
		
		
		
	</script>
  </body>
</html>

 



